<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        const arr = ["孙悟空", "猪八戒", "沙和尚"];
        /* 
            数组的方法（破坏性）
                - push()
                    - 向数组末尾添加元素，并返回数组的的长度
                - pop()
                    - 删除数组末尾的元素，并返回被删除的元素
                - unshift()
                    - 向数组开头添加元素，并返回数组的长度
                - shift()
                    - 删除数组开头的元素，并返回被删除的元素
                - splice()
                    - 删除\添加\插入\替换数组的元素，并返回被删除的元素
                        - 参数：
                            - 索引值
                            - 删除的个数
                            - 添加的元素

                - reverse()
                    - 反转数组的元素，并返回数组
                - sort()
                    - 排序数组的元素，并返回数组
                - fill()
                    - 用一个固定值填充数组的元素，并返回数组
                - copyWithin()
                    - 复制数组的元素，并返回数组

        */
        let result = arr.push("唐僧", "白骨精");
        console.log(result);  // 5
        console.log(arr);  // ["孙悟空", "猪八戒", "沙和尚", "唐僧", "白骨精"]

        let del = arr.pop();
        console.log(del);  // "白骨精"
        console.log(arr);  // ["孙悟空", "猪八戒", "沙和尚", "唐僧"]

        del = arr.unshift("小和尚");
        console.log(del);  // 5
        console.log(arr);  // ["小和尚", "孙悟空", "猪八戒", "沙和尚", "唐僧"]

        del = arr.shift();
        console.log(del);  // "小和尚"
        console.log(arr);  // ["孙悟空", "猪八戒", "沙和尚", "唐僧"]
        
    </script>
</head>
<body>
    
</body>
</html>